<template>
  <div>
    <el-row class="chat">
      <el-col :span="6" class="chatList">11</el-col>
      <el-col :span="18" class="chatContent">11</el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "chat"
}
</script>

<style lang='less' scoped>
.chat {
  .chatList {
    height: 100vh;
    background-color: #363e47;
  }

  .chatContent {
    background-color: #f2f7f7;
    height: 100vh;
  }
}
</style>